<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>用户主页内容</title>
	<link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
	<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
	<style>
		.fakeimg {
		    height: 200px;
		    background: #aaa;
		}
		#up{
			width: 100%;
			height: 280px;	
		}
		#down{
			width: 100%;
			height: 800px;
			margin-left: 2%;
			margin-right: 1%;
		}
		#down #center{
			width: 100%;
			height: 80%;
		}
	</style>
</head>
<body>
	
<div id="panel">
	<!-- 下半部分 -->
	<div id="down" >		
		<div class="row">
			<!-- 左边区域 -->
		    <div class="col-sm-8">
				<nav class="navbar navbar-default" role="navigation">      	 
					<div class="container-fluid">      	 
					   <div>
						 <ul class="nav nav-tabs">
						  <li class="active"><a href="#" style="font-size: 13px;">我的粉丝会看到</a></li>
						  <li><a href="#" style="font-size: 13px;">新访客会看到</a></li>
						 </ul>
					  </div>      
					</div>     
					<h2>敬请期待</h2>
				</nav>     	
		      	<ul class="nav nav-pills nav-stacked">
		      	<li><a href="#" style="font-size: 18px;">我的视频</a></li>
		      	<hr noshade size=1px align="left" width=50% />
		      	<li><a href="#" style="font-size: 18px;">我的专栏</a></li>
		      	<hr noshade size=1px align="left" width=50%/>
		      	<li><a href="#" style="font-size: 18px;">我的合集和视频列表</a></li>
		      	<hr noshade size=1px align="left" width=50%/>
		        </ul>  
		    </div>
			<!-- 右边区域 -->
		    <div class="col-sm-4" style="width: 450px;">
				<div class="panel panel-primary">
					<div class="panel-heading">
						<h3>敬请期待</h3>
					</div>
					<div class="panel-body" style="font-size: 20px;">
						敬请期待
					</div>
				</div>
				<div class="panel panel-success">
					<div class="panel-heading">
						<h3>公告</h3>
					</div>
					<div class="panel-body" style="font-size: 20px;">
						遵纪守法
					</div>
				</div>  
		    </div>			
		</div>
	</div>
</div>

</body>
</html>